<template>
  <div class="AITOPage_box">
    <Poster />
    <!-- 重磅新品 -->
    <div class="title">
      <img src="@/assets/binbing/AITOPageImg/zhongBangXinPin.webp" />
    </div>
    <WenJieM7 />
    <!-- AITO问界M5 -->
    <div class="title">
      <img src="@/assets/binbing/AITOPageImg/AITOWenJieM5.webp" />
    </div>
    <div class="testDrive">
      <img src="@/assets/binbing/AITOPageImg/testDrive.webp" />
    </div>
    <WenJieM5 />
    <!-- 内容品鉴 -->
    <div class="title">
      <img src="@/assets/binbing/AITOPageImg/neiRongPinJian.webp" />
    </div>
    <ContentTesting />
    <!-- 已加载全部 -->
		<div class="loadAll">
			已加载全部
		</div>
    <!-- 配件专区 -->
    <div class="title">
      <img src="@/assets/binbing/AITOPageImg/peiJianZhuanQu.webp" />
    </div>
    <Fittings />
    <!-- 服务专区 -->
    <div class="title">
      <img src="@/assets/binbing/AITOPageImg/fuWuZhuanQu.webp" />
    </div>
    <Server />
    <!-- 体验官说 -->
    <div class="title">
      <img src="@/assets/binbing/AITOPageImg/tiYanGuanShuo.webp" />
    </div>
    <WhatSaid />
    <!-- 美图鉴赏 -->
    <div class="title">
      <img src="@/assets/binbing/AITOPageImg/meiTuJianShang.webp" />
    </div>
    <Banner />
    <!-- 好物推荐 -->
    <div class="title">
      <img src="@/assets/binbing/AITOPageImg/haoWuTuiJian.webp" />
    </div>
    <Recommend />
    <!-- 智慧出行全家桶 -->
    <div class="title">
      <img src="@/assets/binbing/AITOPageImg/quanJiaTong.webp" />
    </div>
    <BtmBanner />
    <FixedAd />
  </div>
</template>

<script>
import Poster from "./components/AITOPage/Poster.vue";
import WenJieM5 from "./components/AITOPage/WenJieM5.vue";
import ContentTesting from "./components/AITOPage/ContentTesting.vue";
import Fittings from "./components/AITOPage/Fittings.vue";
import Server from "./components/AITOPage/Server.vue";
import WhatSaid from "./components/AITOPage/WhatSaid.vue";
import WenJieM7 from "./components/AITOPage/WenJieM7.vue";
import Banner from "./components/AITOPage/Banner.vue";
import Recommend from "./components/AITOPage/Recommend.vue";
import BtmBanner from "./components/AITOPage/BtmBanner.vue";
import FixedAd from "./components/AITOPage/FixedAd.vue";
export default {
  components: {
    Poster,
    WenJieM7,
    WenJieM5,
    ContentTesting,
    Fittings,
    Server,
    WhatSaid,
    Banner,
    Recommend,
    BtmBanner,
    FixedAd
  },
};
</script>

<style scoped>
.AITOPage_box {
  background-color: #f1f3f5;
  padding-bottom: 0.24rem;
}

::-webkit-scrollbar {
  display: none;
}

img {
  display: block;
}

.testDrive {
  height: 2.14rem;
  margin: 0 0.16rem 0.12rem;
}

.testDrive img {
  height: 2.14rem;
}

.title{
	height: 0.4rem;
  margin: 0.12rem 0;
}

.title>img{
	height: 0.4rem;
	display: block;
	margin: auto;
}

.loadAll{
	height: 0.19rem;
	padding: 0.16rem 0;
	text-align: center;
	line-height: 0.19rem;
	font-size: 0.14rem;
	opacity: 0.6;
}
</style>